.back {
  position: relative;
  display: inline-block;
  cursor: pointer;
  &:hover {
    background: url("./hover.png") no-repeat;
    background-size: cover;
    background-position: center;
  }
  &::before,
  &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #666;
  }
  &-1 {
    &::before {
      width: 1px;
      height: 50%;
      transform: translateY(0%);
    }
    &::after {
      width: 50%;
      height: 1px;
      transform: translateX(0%);
    }
  }
  &-2 {
    &::before {
      width: 1px;
      height: 50%;
      transform: translateY(0%);
    }
    &::after {
      width: 100%;
      height: 1px;
      transform: translateX(-50%);
    }
  }
  &-3 {
    &::before {
      width: 1px;
      height: 50%;
      transform: translateY(0%);
    }
    &::after {
      width: 50%;
      height: 1px;
      transform: translateX(-100%);
    }
  }
  &-4 {
    &::before {
      width: 1px;
      height: 100%;
      transform: translateY(-50%);
    }
    &::after {
      width: 50%;
      height: 1px;
      transform: translateX(0%);
    }
  }
  &-5 {
    &::before {
      width: 1px;
      height: 100%;
      transform: translateY(-50%);
    }
    &::after {
      width: 100%;
      height: 1px;
      transform: translateX(-50%);
    }
  }
  &-6 {
    &::before {
      width: 1px;
      height: 100%;
      transform: translateY(-50%);
    }
    &::after {
      width: 50%;
      height: 1px;
      transform: translateX(-100%);
    }
  }
  &-7 {
    &::before {
      width: 1px;
      height: 50%;
      transform: translateY(-100%);
    }
    &::after {
      width: 50%;
      height: 1px;
      transform: translateX(0%);
    }
  }
  &-8 {
    &::before {
      width: 1px;
      height: 50%;
      transform: translateY(-100%);
    }
    &::after {
      width: 100%;
      height: 1px;
      transform: translateX(-50%);
    }
  }
  &-9 {
    &::before {
      width: 1px;
      height: 50%;
      transform: translateY(-100%);
    }
    &::after {
      width: 50%;
      height: 1px;
      transform: translateX(-100%);
    }
  }
}
